<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>评价</title>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="config/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="config/css/base.css">
    <link rel="stylesheet" type="text/css" href="config/css/common.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
    <link href="config/css/star/star-rating.css" media="all" rel="stylesheet" type="text/css"/>
    <script src="config/js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div class="con-box">
    <div class="dp-introbule">
        <div class="dp-introbule-box">
            <ul>
                <li class="dp-img"><img src="image/dpsmall.png"></li>
                <li class="dp-content">
                    <ul class="dp-content-ul" style="clear: both; overflow: hidden">
                        <li><img src="image/rz-log.png" style="width:28px; height: 18px; margin-bottom: 3px">
                            <span class="f16 blackcolor" style=" display:inline-block;height: 26px; line-height: 26px ">杭州雷凌汽车服务店</span>
                        </li>
                        <li>
                            <input disabled id="input-21e" value="4.5" type="number" class="rating" min=0 max=5 step=0.5
                                   data-size="xs">
                        </li>
                        <li>
                            <span class="dp-instance f12 graycolor">139单</span>
                        </li>
                    </ul>
                </li>
                <li class="dp-phone">
                    <div style="padding-top: 30px; ">
                        <img src="image/customer-map.png" style="width: 34px; height:34px; line-height: 34px;margin-left: 10px;">
                        <a href="tel:18601613368"><img src="image/customer-phone.png" style="width: 34px; height:34px; line-height: 34px; margin-left: 10px;"></a>
                    </div>
                </li>

            </ul>
            <div class="cb"></div>
        </div>
        <div class="order-complant">
            <ul class="order-complant-head">
                <li class="line-style"></li>
                <li class="line-other"><span class="line-content">订单完成</span></li>
                <li class="line-style"></li>
            </ul>
            <div class="order-complant-price">
                 <span class="f32">349.00<i class="f14">元</i></span>
            </div>

        </div>
        <div class="order-evaluate" >
            <ul class="order-complant-head">
                <li class="line-style"></li>
                <li class="line-other"><span class="line-content">评价</span></li>
                <li class="line-style"></li>
            </ul>
            <div class="order-complant-evaluate">
                <input id="input-21b" value="4" type="number" class="rating" min=0 max=5 step=0.5 data-size="lg">
            </div>
            <div class="f12 graycolor order-evaluate-tishi">请选择标签</div>
            <ul class="order-evaluate-tag">
                <li><a><img src="image/pingjia-tip.png"><span>服务专业</span></a></li>
                <li><a href="#"><img src="image/pingjia-tip.png"><span>态度好</span></a></li>
                <li><a href="#"><img src="image/pingjia-tip.png"><span>价格公道</span></a></li>
                <li><a href="#"><img src="image/pingjia-tip.png"><span>洗的干净</span></a></li>
                <li><a href="#"><img src="image/pingjia-tip.png"><span>很合算</span></a></li>
            </ul>
            <div class="order-evaluatebox">
                其他意见和建议
            </div>
            <div class="sure-evaluate-div">
                <input type="button" value="确 定" class="blurbgcolor whitecolor f14"/>
            </div>
        </div>
    </div>

</div>
</body>
<script src="config/js/jquery.min.js" type="text/javascript"></script>
<script src="config/js/star/star-rating.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.min.js" type="application/javascript"></script>
<script>
    $(function () {
        $(".sure-evaluate-div").click(function () {
            window.location.href = 'discountGet.html';
        });
        $(".order-evaluate-tag li").click(function () {
            if($(this).find("img").attr("src") === 'image/pingjia-tip.png'){
                $(this).find("img").attr({"src":"image/pingjia-tip2.png"});
                $(this).find("span").css({"color":"red"});
            }else{
                $(this).find("img").attr({"src":"image/pingjia-tip.png"});
                $(this).find("span").css({"color":"#959595"});
            };
        })
    })
</script>
</html>